import './ChildrenConditionPage.scss'
import { useNavigate } from 'react-router-dom';
import { DoubleLeftOutlined } from '@ant-design/icons';
import ChildrenCondition from './component/ChildrenCondition/ChildrenCondition';
import { useSelector } from 'react-redux';






export default function ChildrenConditionPage() {
    const navigate = useNavigate();
    const { user_status } = useSelector(state => state.user);

    
    const handleBackClick = function () {
        navigate('/childrencourse');
    }

    return (
        <div className="ChildrenConditionPage">
            <nav>
                <button onClick={handleBackClick}> <DoubleLeftOutlined /> 返回</button>
                <h1>{user_status.student_name}</h1>
            </nav>
            <ChildrenCondition />
        </div>
    )
}